<template>
  <!-- <div ref="dev">{{ num }}</div>
<button @click="add">+1</button> -->
<!--  -->
<div ref="dev">{{ store.state.num }}</div>
<button @click="store.add">+1</button>
</template>

<script>
import {ref} from 'vue'
import store from './store/store'
export default {
  name: '',
  components: {},
    setup(){
        // const dev = ref(null)
        // const num = ref(0)
        // const add = ()=>{
        //      num.value += 1
        // }
        return {
            // dev,
            // num,
            // add,
            store
    }
    },
    mounted() {
    // console.log(this.dev)
 }
}
</script>

  <style lang="scss" scoped>

  </style>